		html,
		body {
			width: 100%;
			height: 100%;
		}
		
		body {
			font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
			-webkit-overflow-scrolling: touch;
		}
		
		.fl {
			float: left;
		}
		
		.fr {
			float: right;
		}
		
		.header {
			width: 100%;
			display: flex;
			justify-content: space-between;
			align-items: center;
			height: 50px;
			box-sizing: border-box;
			background-color: #F5F5F5;
			box-shadow: inset 0px -1px 1px -1px #969696;
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
		}
		
		.header .custom {
			display: flex;
			align-items: center;
			font-size: 14px;
		}
		
		.header .custom img {
			width: 17.5px;
			padding: 0 7.5px 0 15px;
		}
		
		.header .input {
			border: 1px solid #e6e6e6;
			border-radius: 20px;
			background: #e6e6e6;
			color: #a1a1a1;
			display: flex;
			align-items: center;
			height: 25px;
			overflow: hidden;
			width: calc(100% - 150px);
		}
		
		.header .input img {
			width: 15px;
			padding: 0 10px 0 17.5px;
		}
		
		.header .input input {
			border: none;
			background: transparent;
			width: 140px;
		}
		
		.header .carAndCenter img {
			width: 17.5px;
			padding-right: 15px;
		}
		
		.main1 {
			background: white;
			width: 100%;
			height: 50px;
		}
		
		.main {
			width: 100%;
			height: calc(100% - 50px);
		}
		
		.main .bg {
			width: 100%;
			height: 100%;
			/*background: url("http://img.like-your.com/bg.png?imageslim");*/
			background: url(../images/index1/bg.jpg);
			background-repeat: no-repeat;
			background-position: center;
			background-size: 100% 100%;
			overflow: hidden;
			overflow-x: hidden;
			/*background-attachment: fixed;*/
		}
		
		.main .bg .layer {
			overflow: scroll;
			overflow-x: hidden;
			width: calc(100% - 30px);
			margin: 50vh 15px 15px;
			text-align: center;
			background: #FFFFFF;
			border-radius: 10px;
		}
		
		.main .layer .logo {
			/*height: 64px;*/
			padding: 20px 0;
		}
		
		.main .layer .logo img {
			width: 29%;
		}
		
		.main .logoline {
			height: 3px;
			border-top: 3px solid #2f5464;
			border-bottom: 1px solid #30525c;
			margin: 0 7.5px 10px;
		}
		
		.main .banner {
			width: calc(100% - 15px);
			height: 190px;
			margin: 0 7.5px;
		}
		
		.swiper-container {
			width: 100%;
			height: 100%;
		}
		
		.swiper-container img {
			width: 100%;
			height: 100%;
		}
		
		.main .nav {
			width: 100%;
			display: flex;
			justify-content: space-between;
			align-items: center;
			flex-wrap: wrap;
			padding-bottom: 19px;
		}
		
		.main .nav .navItem {
			width: 25%;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}
		
		.main .nav .navItem img {
			width: 27px;
			height: 27px;
			padding: 19px 0 10px;
		}
		
		.main .flowerBase,
		.main .selectDaily {
			border-top: 10px solid #F0F0F0;
		}
		
		.main .bg .title {
			height: 44px;
			line-height: 44px;
			display: flex;
			align-items: center;
		}
		
		.main .bg .title .line {
			height: 24px;
			margin: 10px 15px 10px 0;
			box-sizing: border-box;
			width: 5px;
			background-color: #66BCD5;
		}
		
		.main .bg .title .font {
			font-size: 16px;
			color: #303030;
		}
		
		.main .bg .title .writing {
			background: url(../images/index1/writing.png);
			height: 25px;
			width: 40%;
			background-size: cover;
			background-position: center;
		}
		
		.main .flowerBase .content {
			width: 100%;
			display: flex;
			flex-wrap: wrap;
		}
		
		.main .flowerBase .content .single {
			width: 50%;
			box-sizing: border-box;
			border-top: 1px solid #D6D6D6;
			height: 85px;
			font-size: 16px;
			color: #303030;
			display: flex;
			justify-content: space-around;
			align-items: center;
		}
		
		.main .flowerBase .content .single:nth-child(2n+1) {
			border-right: 1px solid #D6D6D6;
		}
		
		.main .flowerBase .content .single img {
			width: 50px;
		}
		
		.main .selectDaily .title,
		.main .selectDaily .title .left {
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
		
		.main .selectDaily .title .more {
			font-size: 14px;
			color: #66BCD5;
		}
		
		.main .selectDaily .title .icon {
			padding: 0 10px 0 0;
		}
		
		.main .selectDaily .flow {
			border: 3.75px solid #F0F0F0;
			/*display: flex;
				flex-wrap: wrap;*/
			overflow: hidden;
			height: auto;
			background: #F0F0F0;
		}
		
		.main .selectDaily .flow .template {
			/*float: left;*/
			width: 50%;
			border: 3.75px solid #F0F0F0;
			box-sizing: border-box;
			display: flex;
			flex-direction: column;
		}
		
		.main .selectDaily .flow .template img {
			width: 100%;
		}
		
		.main .selectDaily .flow .template .detailed {
			text-align: left;
			padding: 10px 9px;
			background: white;
		}
		
		.main .selectDaily .flow .template .detailed .name {
			display: flex;
			justify-content: space-between;
			align-items: center;
			font-size: 15px;
			color: #303030;
		}
		
		.main .selectDaily .flow .template .detailed img {
			width: 12px;
			height: 12px;
		}
		
		.main .selectDaily .flow .template .detailed .introduce {
			font-size: 12px;
			color: #8a8a8a;
		}
		
		.main .selectDaily .flow .template .detailed .price {
			font-size: 14px;
			color: #d0a318;
		}
		
		.main .like .content {
			border-top: 1px solid #D3D3D3;
			border-bottom: 1px solid #D3D3D3;
			padding: 7.5px;
			width: calc(100% - 15px);
		}
		
		.main .like .content img {
			width: 100%;
		}
		
		.main .like .content h3 {
			font-weight: bolder;
			font-size: 14px;
			color: #303030;
			margin: 20px 0 10px;
		}
		
		.main .like .content p {
			font-size: 11px;
			color: #8A8A8A;
			padding-bottom: 10px;
		}
		
		footer {
			height: 40px;
			background-color: white;
			padding: 15px 20px;
			position: relative;
		}
		
		footer div {
			text-align: center;
		}
		
		footer div p {
			display: flex;
			justify-content: space-around;
			margin-bottom: 10px;
		}
		
		footer div p a {
			color: black;
			font-size: 14px;
			padding: 0 5px;
		}
		
		footer i {
			color: darkgrey;
			display: block;
		}
		/*修改蒙板*/
		
		.markT {
			width: 100%;
			height: 100%;
			background: rgba(0, 0, 0, 0.4);
			position: fixed;
			left: 0;
			top: 0;
			z-index: 100;
			display: none;
		}
		
		.markT .markBox {
			width: 80%;
			height: 150px;
			background: white;
			border-radius: 6px;
			position: absolute;
			left: 10%;
			top: 50%;
			margin-top: -75px;
			overflow: hidden;
		}
		
		.markBox p {
			text-align: center;
			margin: 20px 0;
			font-size: 16px;
			color: black;
		}
		
		.markBox p:last-of-type {
			width: 100%;
			margin: 0;
			position: absolute;
			bottom: 0;
			left: 0;
		}
		
		.markBox p:last-of-type span:first-child,
		.markBox p:last-of-type span:last-child {
			display: inline-block;
			height: 35px;
			line-height: 35px;
			font-size: 14px;
			width: 50%;
			text-align: center;
		}
		
		.markBox p:last-of-type span:first-child {
			background: whitesmoke;
		}
		
		.markBox p:last-of-type span:last-child {
			background: black;
			color: white;
		}
		
		.markT .markBox p:first-child {
			margin-top: 40px;
		}
		
		.markFloat {
			position: fixed;
			width: 100%;
			height: 100%;
			background: rgba(0, 0, 0, 0.6);
			left: 0;
			top: 0;
			z-index: 100;
			padding: 0px 12%;
			box-sizing: border-box;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		
		.markFloat .close {
			height: 30px;
			text-align: right;
			line-height: 30px;
			width: 100px;
			z-index: 10;
		}
		
		.markFloat .close img {
			width: 23px;
			height: auto;
			/*position: relative;*/
		}
		
		.markFloat .swiper-container {
			max-height: calc(100% - 35px);
			display: flex;
			flex-direction: column;
			justify-content: space-around;
			align-items: flex-end;
		}
		
		.markFloat .swiper-container .swiper-slide {
			position: relative;
		}
		
		.markFloat .swiper-container .swiper-slide img {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			width: 100%;
			height: auto;
		}
		
		.markFloat .swiper-container .swiper-pagination {
			bottom: 20px;
		}
		
		.mallOnline {
			position: relative;
		}
		
		.hot {
			position: absolute;
			right: 2px;
			top: -10px;
			width: 25px!important;
			height: auto!important;
		}